<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="pragma" content="no-cache"> 
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> 
<meta http-equiv="expires" content="0"> 
<title>产品详情</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="assets/css/rz.css">
</head>
<body>
	<div class="page-group">
		<div class="page page-current" id="index">
			<header class="bar bar-nav">
				<h1 class='title'>前海锦瑞团体保险（升级版）</h1>
				<a href="index" class="button button-link button-nav pull-left back" external>
                    <span class="icon icon-left"></span> 返回
                </a>
				<!-- <a href="page/index" class="button button-link button-nav pull-right">
   					 首页  
			    	<span class="icon icon-right"></span>
			    </a> -->
				<!--href="javascript:" onclick="self.location=document.referrer;"  -->
			</header>
			<div class="content">
				<div class="card">
					<div class="card-content">
						<!-- Slider -->
						<div class="swiper-container swiper-container-h" style="padding-bottom: 0;">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<img src="assets/img/qhjr.png" alt="">
								</div>
							</div>
							<div class="swiper-pagination swiper-pagination-v"></div>
						</div>
						<div class="list-block media-list">
							<ul>
								<li>
									<a class="item-content" ><!-- href="promotion/buy" class="item-link item-content" -->
										<div class="item-inner">
											<div class="item-title-row">
												<div class="item-title">保证年化收益率4.025%</div>
											</div>
											<div class="item-subtitle pull-left">投保手续简便，资金安全，受法律保障</div>
										</div>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			
				<div class="card">
					<div class="card-header"><b>保险概况</b></div>
					<div class="card-content">
						<div class="card-content-inner" style="text-align: center">
							<div class="list-block">
								<ul>
									<li>
										<div class="item-content">
											<div class="item-inner">
												<div class="col-50">
													<label>投保对象：企业或家庭</label>
												</div>
												<div class="col-50">
													<label>投保人数：至少3名成员</label>
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-inner">
												<div class="col-50">
													<label>最低保费：1万</label>
												</div>
												<div class="col-50">
													<label>投保年龄：16-65周岁</label>
												</div>
												
											</div>
										</div>
									</li>
									<!-- <li>
										<div class="item-content">
											<div class="item-inner">
												<div class="col-100">
													<label>被保险人年龄：出生28天-65周岁</label>
												</div>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-inner">
												<div class="col-100">
													<label>年龄扩展：每张保单保费超过5万元时，被保险人、投保人的年龄上限扩展至70周岁；</label>
												</div>
											</div>
										</div>
									</li> -->
									<li>
										<div class="item-content">
											<div class="item-inner">
												<div class="col-100">
													<label style="font-size: x-small;">温馨提示：购买一年后退保免手续费</label>
												</div>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="card-footer">
						<a href="promotion/buy1" class="button button-fill button-danger button-big"  style="margin: auto" external>&nbsp;&nbsp;&nbsp;立即购买&nbsp;&nbsp;&nbsp;</a>
					</div>
				</div>

				<div class="card">
					<!-- <div class="card-header" style="text-align:center"><b>保证年化收益率4.025%</b></div> -->
					<!--<div class="card-content">
						 <div class="card-content-inner" style="text-align: center">
							<div class="list-block">
								<ul>
									<li>
										<br/>
										<div class="row">
											<label class="col-40" style="font-size:1rem; text-align:right">购买份数:&nbsp;&nbsp;</label>
											<input class="col-20" type="text" style="width:3rem; height:1.5rem; text-align:center; font-size:1rem; border:1px solid" value="1" id="share" onchange="account()">
											<img id="minus" class="col-5" src="assets/img/minus.png" style='width: 1.5rem;'/>
											<img id="plus" class="col-5" src="assets/img/plus.png" style='width: 1.5rem;'/>
										</div>
										<div class="row">
											<div class="col-50">
												<label style="font-size:1rem;text-align:right">每份金额:</label>
												<label style="font-size:1rem;text-align:left; color:red">1万元</label>
											</div>
											<div class="col-50">
												<label style="font-size:1rem;text-align:right">总金额:</label>
												<label id="total" style="font-size:1rem;text-align:left; color:red">1万元</label>
											</div>
										</div>
										<br/>
									</li>
									
									<li>
										<div class="item-content">
											<div class="item-inner">
												<a style="color: black; text-decoration: underline;">●查看过往各月结算利率</a>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-inner">
												<a href="#"
													style="color: black; text-decoration: underline;">●
													查看利益演示表</a>
											</div>
										</div>
									</li>
									<li>
										<div class="item-content">
											<div class="item-inner">
												<a href="#" style="color: red"> ☆ 现在购买即送宁波象山游一次</a>
											</div>
										</div>
									</li>
									
								</ul>
							</div>
						</div>
					</div>
					<div class="card-footer">
						<a href="promotion/buy" class="button button-fill button-danger button-big"  style="margin: auto" external>&nbsp;&nbsp;&nbsp;立即购买&nbsp;&nbsp;&nbsp;</a>
					</div> -->
				</div>

				<div class="buttons-tab">
					<a href="#tab1" class="tab-link active button">产品特色</a> <a href="#tab2" class="tab-link button">投保须知</a>
				</div>
				<div class="content-block">
					<div class="tabs">
						<div id="tab1" class="tab active">
							<div class="content-block">
								<!-- <p>
									(1)全家共用保额的健康保险，最高可保50万重大疾病保障； <br>(2)覆盖30种常见的重大疾病，如意外或疾病住院还可报销医疗费用； <br>(3)特有重大疫情流感保障，可保H7N9等大型流感，最高可保100万。 <br>(4)赠送24小时电话医疗咨询服务、远程书面会诊（限重疾）和特需门诊预约；
								</p> -->
							</div>
							<div valign="bottom" class="card-header color-white no-border no-padding">
      							<img class='card-cover' src="assets/img/qhjr_1.png" alt="">
    						</div>
							<div valign="bottom" class="card-header color-white no-border no-padding">
      							<img class='card-cover' src="assets/img/qhjr_2.png" alt="">
    						</div>
						</div>
						<div id="tab2" class="tab">
							<div class="content-block">
								<!-- <p>
									尊敬的客户： <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;感谢您选择前海人寿保险股份有限公司（以下简称“我公司”）。为了充分维护您的权益，在填写投保书之前，敬请您注意以下事项： 温馨提示：在填写投保书之前，请详细阅读我公司的相关保险条款及产品说明书，特别是【保险责任】、【责任免除】、【合同解除】等规定，在充分理解其含义后再作出投保决定。 <br>1、 投保书的填写：本投保书是您与我公司订立保险合同的重要依据，请勿撕开、拼接，以保证投保书多联的完整。务必保证各项内容均为您本人如实、准确填写（用黑色墨水笔或黑色签字笔），并在适当的方框内打“√”，切勿涂改。 <br>2、 告知义务：根据《中华人民共和国保险法》的规定，您在投保时，应对保险公司各项询问如实告知，所有告知事项以书面告知为准，口头告知无效。若您故意或因重大过失未履行如实告知义务，则我公司有权依法解除保险合同，并对合同解除前发生的保险事故不承担给付保险金的责任。 <br>3、 保险合同的成立和生效时间：您提出保险申请须经我公司同意承保后保险合同才成立。我公司收取您支付的保险费后向会及时签发保险单，保险合同的生效日以保险单所载的日期为准。 <br>4、 犹豫期：自您签收保险合同起15个自然日内为犹豫期，在此期间，您可以申请解除保险合同，我公司将全额无息退还保险费。超过犹豫期后申请解除保险合同的，会给您造成一定损失
								</p> -->
								<p>
								● 投保对象：企业或家庭； <br>
								● 投保人数：至少3名成员； <br>
								● 投保人年龄：16周岁至65周岁；<br>
								● 被保险人年龄：出生28天至65周岁；<br>
								● 年龄扩展：每张保单保费超过5万元时，被保险人、投保人的年龄上限扩展至70周岁； 
								</p>
							</div>
						</div>
					</div>
				</div>
				<%@ include file="/include/footer.jsp"%>
			</div>
		</div>
	</div>

	<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	<script type="text/javascript">
		function account() {
			var share = document.getElementById("share").value;
			if (/^\d+$/.test(share) && share != "" && share != "0") {
				$('#total').html(Number(share) + '万元');
			} else {
				$.alert('购买份数输入不正确,请您重新输入。', '温馨提示');
				document.getElementById('share').value = "1";
				document.getElementById('total').innerHTML = '1万元';
			}
		}
		
		$('#minus').on('click',function(){
			var value = Number($('#share').attr('value'));
			if(value > 1){
				value = Number(value - 1);
				$('#share').attr('value',value);
				$('#total').html(value + '万元');
			}
		})
		
		$('#plus').on('click',function(){
			var value = Number($('#share').attr('value'));
			value = Number(value + 1);
			$('#share').attr('value',value);
			$('#total').html(value + '万元');
		})
	</script>
	<script>
	</script>
</body>
</html>